/******************************************************************************************
 * Import
 ******************************************************************************************/
import _ from 'lodash';
import React, {Component} from 'react';
import { StyleSheet } from 'react-native';
import Design from '../../../design';
import Config from '../../../config';
import ScreenBase from '../../../library/base/screen';
import { Icon, Tabs } from 'antd-mobile-rn';
// import SplashScreen from 'react-native-splash-screen';
import {
    CAround, CBetween, CCenter, CColumn, CHand, CItemX, CItemY, CLine, CRow, CWrap, 
    CIcon, CImage, CSvg, CText,
    CContent, CFloat, CFooter, CHeader, CPage, CSide, 
    CEmpty, CError, CFail, CSkeleton, 
    CLabel, CButton
} from '../../../library/comp';
import {
    HttpText, HttpHesq
} from '../../../library/func';

// svg
import Licon from '../../../library/comp/project/icon';

// 引入自定义组件
import Proj_Order_List from '../../../library/comp/project/orderList/proj_Order_List'


/******************************************************************************************
 * Screen
 ******************************************************************************************/
 export default class List extends ScreenBase {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);
        this.state = {
            // 订单状态
			orderStatus:[
				{name:'全部',type:'全部'},
                {name:'未付款',type:'待付款'},
                {name:'未发货',type:'待发货'},
                {name:'已发货',type:'待收货'},
                {name:'已完成',type:'待评价'},
			],
			// 当前订单状态
			status:'全部',
			// 组件传值订单列表
			order:[
                {
                    enum_status:'未付款',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                },
                {
                    enum_status:'未付款',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                },
                {
                    enum_status:'未付款',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
			// 用户订单列表
            // list:[],
            // 全部订单列表
            allOrder:[
                {
                    enum_status:'未付款',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
            // 未付款订单列表
            unpaidOrder:[
                {
                    enum_status:'未付款',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
            // 未发货订单列表
            notshippedOrder:[
                {
                    enum_status:'未发货',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
            // 已发货订单列表
            shippedOrder:[
                {
                    enum_status:'已发货',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
            // 已完成订单列表
            finishOrder:[
                {
                    enum_status:'已完成',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
            // 已取消订单列表
            cancelOrder:[
                {
                    enum_status:'已取消',
                    count_product:5,
                    set_amount:100,
                    object:{
                        set_order_name:'人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气水果人气',
                    }
                }
            ],
            
            // tabs 列表
            tabList:[
                { title: '全部' },
                { title: '待付款' },
                { title: '待发货' },
                { title: '待收货' },
                { title: '待评价' },
            ]
		}
    }
    
       /*------------------------------------------------------------------------------------
	 * 事件处理
	 *-----------------------------------------------------------------------------------*/
	// tab切换
	tab = (status, e) => {
        // let list = this.state.allOrder;
        // status.title == '全部' && (list=this.state.allOrder);
        // status.title == '待付款' && (list=this.state.unpaidOrder);
        // status.title == '待发货' && (list=this.state.notshippedOrder);
        // status.title == '待收货' && (list=this.state.shippedOrder);
        // status.title == '待评价' && (list=this.state.finishOrder);
        // status.title == '已取消' && (list=this.state.cancelOrder);
        // alert(list)
		// this.setState({
		// 	order: list
		// })
	}


    // 总render
	render() {
        const tabBarSet = {
            borderWidth:1,
            borderColor:'#e6454d',
        }
		return (
			<CPage>
				<CContent mt='90'>
                    <CRow>
                        <Tabs
                            tabs={this.state.tabList}
                            tabBarUnderlineStyle={tabBarSet} 
                            tabBarInactiveTextColor={'rgb(81, 81, 81)'} 
                            tabBarActiveTextColor='#e6454d' 
                            tabBarTextStyle={{fontSize:12}}
                            onTabClick={this.tab}
                        >
                            <Proj_Order_List data={this.state.order} ></Proj_Order_List>
                        </Tabs>
                    </CRow>
				</CContent>

                {/* 顶部 star */}
                <CHeader h='90' y='center' bg='#fff' style={{ borderBottomColor:"#eee", borderBottomWidth:1 }}>
                    <CBetween h='90' px='10' bg='#fff' style={{width:'100%'}}>
                        <CHand>
                            <CIcon color="#434343" w='38' h='38' icon={ Licon.gobcak }></CIcon>
                        </CHand>
                        <CText size='30' color='#000'>我的订单</CText>
                        <CText></CText>
                    </CBetween>
                </CHeader>
                {/* 顶部 star */}
                
			</CPage>
		)
	}
}